<div class="innerbanner">
    <img src="/static/picture/news_banner.jpg" alt="" style="transform: scale(1);">
    <div class="text icenter3">
        <h3 aos="fade-up" class="aos-init aos-animate">News</h3>
        <h4 aos="fade-up" class="aos-init aos-animate">新闻中心</h4>
    </div>
</div>

<script>
    $(window).scroll(function () {
        scroll = $(document).scrollTop();
        bai = 1 + scroll / $(document).height()
        $(".innerbanner img").css("transform", "scale(" + bai + ")")
    })
</script>

<style>
/* 分页 */
.pagination li {
    float: left;
    border: 1px solid #DDD;
    border-left: none;
    min-width: 31px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.pagination li.active,
li.disabled {
    width: 31px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #737373;
    cursor: default;
    background: #f5f5f5;
}

.pagination li a {
    color: #3399d5;
}

.pagination li:first-child {
    border-left: 1px solid #DDD;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.pagination li:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.pagination li:hover {
    background: #f5f5f5;
}
</style>

<div class="fx">
    <div class="com_nav">
        <div class="icenter3 aos-init aos-animate" aos="fade-up">
            <div class="le">News</div>
            <div class="ri">
                <!-- <a href="/v1/news.html" class=" active ">公司动态</a>
                <a href="/v1/study.html" class="">行业资讯</a> -->
            </div>
        </div>
    </div>
    <div class="new_ccf">
        <div class="news icenter3 aos-init aos-animate" aos="fade-up">
            <dl class="news_com">
                {foreach $list as $value}
                <dd>
                    <a href="/en/news/{$value.pubtime|date='Y-m-d'}/{$value.id}">
                        <div class="imgbox"><img src="{$value.titlepic}" alt=""></div>
                        <div class="text">
                            <div class="t">
                                <h4>{$value->category_name_en}</h4>
                                <h5>
                                    <img src="/static/images/riqi.png" alt="">
                                    <span>{$value.pubtime|date='Y.m.d'}</span>
                                </h5>
                            </div>
                            <h3>{$value.title}</h3>
                            <p>{$value.summary|mb_substr=0,60}&hellip;</p>
                            <div class="a">View<img src="/static/images/ri_angle.png" alt=""></div>
                        </div>
                    </a>
                </dd>
                {/foreach}
            </dl>
            <div class="page">
                <nav class="navigation pagination" role="navigation">
                    <div class="nav-links">
                        {php}
                            $start = false;
                            $end = false;

                            $currentPage = $list->currentPage();
                            $lastPage = $list->lastPage();
                            $total = $list->total();
                            $rows = $list->listRows();

                            $prev= $currentPage - 1;
                            if ($prev <= 1) {
                                $start = true;
                            }

                            $next = $currentPage + 1;
                            if ($next >= $lastPage) {
                                $end = true;
                            }
                        {/php}
                        {if $start == false }
                        <a class="prev page-numbers" href="/news.html?page={$prev}"><</a>
                        {/if}
                        
                        {for start="1" end="$lastPage"}
                        {if $i == $currentPage}
                        <span aria-current='page' class='page-numbers current'>{$i}</span>
                        {else/}
                        <a class='page-numbers' href='/news.html?page={$i}'>{$i}</a>
                        {/if}
                        {/for}

                        {if $end == false }
                        <a class="next page-numbers" href="/news.html?page={$next}">></a>
                        {/if}
                    </div>
                </nav>
            </div>
        </div>
    </div>
</div>